<template>
  <div>
    <TypeNav />
    <ListContainer />
    <MyRecommend />
    <MyLike />
    <MyRank />
    <MyFloor v-for="floor in Floors" :key="floor.id" :floorData="floor" />
    <MyBrand />
  </div>
</template>

<script>
import MyBrand from "./Brand";
import MyFloor from "./Floor";
import MyLike from "./Like";
import ListContainer from "./ListContainer";
import MyRank from "./Rank";
import MyRecommend from "./Recommend";
import { reqGetFloor } from "@/api/home";
export default {
  name: "MyHome",
  components: {
    MyBrand,
    MyFloor,
    MyLike,
    ListContainer,
    MyRank,
    MyRecommend,
  },
  data() {
    return {
      Floors: [],
    };
  },
  async mounted() {
    this.Floors = await reqGetFloor();
  },
};
</script>

<style scoped></style>
